<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- qquicklayout.cpp -->
  <title>Layout QML 类型 | Qt Quick 5.12.3</title>
  <link rel="stylesheet" type="text/css" href="style/offline-simple.css" />
  <script type="text/javascript">
    document.getElementsByTagName("link").item(0).setAttribute("href", "style/offline.css");
    // loading style sheet breaks anchors that were jumped to before
    // so force jumping to anchor again
    setTimeout(function() {
        var anchor = location.hash;
        // need to jump to different anchor first (e.g. none)
        location.hash = "#";
        setTimeout(function() {
            location.hash = anchor;
        }, 0);
    }, 0);
  </script>
</head>
<body>
<div class="header" id="qtdocheader">
  <div class="main">
    <div class="main-rounded">
      <div class="navigationbar">
        <table><tr>
<td ><a href="../qtdoc/index.html">Qt 5.12</a></td><td ><a href="qtquick-index.html">Qt Quick 模块</a></td><td ><a href="qtquick-qmlmodule.html">QML类型</a></td><td >Layout QML 类型</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right"><a href="qtquick-index.html">Qt 5.12.3 参考指南</a></td>
        </tr></table>
      </div>
    </div>
<div class="content">
<div class="line">
<div class="content mainContent">
<div class="sidebar">
<div class="toc">
<h3><a name="toc">目录</a></h3>
<ul>
<li class="level1"><a href="#attached-properties">Attached Properties</a></li>
<li class="level1"><a href="#details">详细信息</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">Layout QML 类型</h1>
<span class="subtitle"></span>
<!-- $$$Layout-brief -->
<p>Provides attached properties for items pushed onto a <a href="qml-qtquick-layouts-gridlayout.html">GridLayout</a>, <a href="qml-qtquick-layouts-rowlayout.html">RowLayout</a> or <a href="qml-qtquick-layouts-columnlayout.html">ColumnLayout</a>. <a href="#details">更多...</a></p>
<!-- @@@Layout -->
<div class="table"><table class="alignedsummary">
<tr><td class="memItemLeft rightAlign topAlign"> 导入语句：</td><td class="memItemRight bottomAlign"> import QtQuick.Layouts 1.12</td></tr></table></div><ul>
<li><a href="qml-qtquick-layouts-layout-members.html">所有成员的列表，包括继承成员</a></li>
</ul>
<a name="attached-properties"></a>
<h2 id="attached-properties">Attached Properties</h2>
<ul>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#alignment-attached-prop">alignment</a></b></b> : Qt.Alignment</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#bottomMargin-attached-prop">bottomMargin</a></b></b> : real</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#column-attached-prop">column</a></b></b> : int</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#columnSpan-attached-prop">columnSpan</a></b></b> : int</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#fillHeight-attached-prop">fillHeight</a></b></b> : bool</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#fillWidth-attached-prop">fillWidth</a></b></b> : bool</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#leftMargin-attached-prop">leftMargin</a></b></b> : real</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#margins-attached-prop">margins</a></b></b> : real</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#maximumHeight-attached-prop">maximumHeight</a></b></b> : real</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#maximumWidth-attached-prop">maximumWidth</a></b></b> : real</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#minimumHeight-attached-prop">minimumHeight</a></b></b> : real</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#minimumWidth-attached-prop">minimumWidth</a></b></b> : real</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#preferredHeight-attached-prop">preferredHeight</a></b></b> : real</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#preferredWidth-attached-prop">preferredWidth</a></b></b> : real</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#rightMargin-attached-prop">rightMargin</a></b></b> : real</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#row-attached-prop">row</a></b></b> : int</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#rowSpan-attached-prop">rowSpan</a></b></b> : int</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-layout.html#topMargin-attached-prop">topMargin</a></b></b> : real</li>
</ul>
<!-- $$$Layout-description -->
<a name="details"></a>
<h2 id="details">详细信息</h2>
<p>An object of type Layout is attached to children of the layout to provide layout specific information about the item. The properties of the attached object influence how the layout will arrange the items.</p>
<p>For instance, you can specify <a href="qml-qtquick-layouts-layout.html#minimumWidth-attached-prop">minimumWidth</a>, <a href="qml-qtquick-layouts-layout.html#preferredWidth-attached-prop">preferredWidth</a>, and <a href="qml-qtquick-layouts-layout.html#maximumWidth-attached-prop">maximumWidth</a> if the default values are not satisfactory.</p>
<p>When a layout is resized, items may grow or shrink. Due to this, items have a <a href="qml-qtquick-layouts-layout.html#minimumWidth-attached-prop">minimum size</a>, <a href="qml-qtquick-layouts-layout.html#preferredWidth-attached-prop">preferred size</a> and a <a href="qml-qtquick-layouts-layout.html#maximumWidth-attached-prop">maximum size</a>.</p>
<p>If minimum size has not been explicitly specified on an item, the size is set to <code>0</code>. If maximum size has not been explicitly specified on an item, the size is set to <code>Number.POSITIVE_INFINITY</code>.</p>
<p>For layouts, the implicit minimum and maximum sizes depend on the content of the layouts.</p>
<p>The <a href="qml-qtquick-layouts-layout.html#fillWidth-attached-prop">fillWidth</a> and <a href="qml-qtquick-layouts-layout.html#fillHeight-attached-prop">fillHeight</a> properties can either be <code>true</code> or <code>false</code>. If they are <code>false</code>, the item's size will be fixed to its preferred size. Otherwise, it will grow or shrink between its minimum and maximum size as the layout is resized.</p>
<p><b>Note: </b>Do not bind to the x, y, width, or height properties of items in a layout, as this would conflict with the goals of Layout, and can also cause binding loops. The width and height properties are used by the layout engine to store the current size of items as calculated from the minimum/preferred/maximum attached properties, and can be ovewritten each time the items are laid out. Use <a href="qml-qtquick-layouts-layout.html#preferredWidth-attached-prop">Layout.preferredWidth</a> and <a href="qml-qtquick-layouts-layout.html#preferredHeight-attached-prop">Layout.preferredHeight</a>, or <a href="qml-qtquick-item.html#implicitWidth-prop">implicitWidth</a> and <a href="qml-qtquick-item.html#implicitHeight-prop">implicitHeight</a> to specify the preferred size of items.</p><p><b>请参考</b> <a href="qml-qtquick-layouts-gridlayout.html">GridLayout</a>，<a href="qml-qtquick-layouts-rowlayout.html">RowLayout</a> 和 <a href="qml-qtquick-layouts-columnlayout.html">ColumnLayout</a>。</p>
<!-- @@@Layout -->
<h2>Attached Property Documentation</h2>
<!-- $$$alignment -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="alignment-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="alignment-attached-prop"></a><span class="name">Layout.alignment</span> : <span class="type"><a href="../qtqml/qml-qtqml-qt.html">Qt</a></span>.<span class="type">Alignment</span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>This property allows you to specify the alignment of an item within the cell(s) it occupies.</p>
<p>The default value is <code>0</code>, which means it will be <code>Qt.AlignVCenter | Qt.AlignLeft</code>. These defaults also apply if only a horizontal or vertical flag is specified: if only a horizontal flag is specified, the default vertical flag will be <code>Qt.AlignVCenter</code>, and if only a vertical flag is specified, the default horizontal flag will be <code>Qt.AlignLeft</code>.</p>
<p>A valid alignment is a combination of the following flags:</p>
<ul>
<li><a href="../qtcore/qt.html#AlignmentFlag-enum">Qt::AlignLeft</a></li>
<li><a href="../qtcore/qt.html#AlignmentFlag-enum">Qt::AlignHCenter</a></li>
<li><a href="../qtcore/qt.html#AlignmentFlag-enum">Qt::AlignRight</a></li>
<li><a href="../qtcore/qt.html#AlignmentFlag-enum">Qt::AlignTop</a></li>
<li><a href="../qtcore/qt.html#AlignmentFlag-enum">Qt::AlignVCenter</a></li>
<li><a href="../qtcore/qt.html#AlignmentFlag-enum">Qt::AlignBottom</a></li>
<li><a href="../qtcore/qt.html#AlignmentFlag-enum">Qt::AlignBaseline</a></li>
</ul>
</div></div><!-- @@@alignment -->
<br/>
<!-- $$$bottomMargin -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="bottomMargin-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="bottomMargin-attached-prop"></a><span class="name">Layout.bottomMargin</span> : <span class="type"><a href="../qtqml/qml-real.html">real</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>Specifies the bottom margin outside of an item. If the value is not set, it will use the value from <a href="qml-qtquick-layouts-layout.html#margins-attached-prop">margins</a>.</p>
<p>This property was introduced in  QtQuick.Layouts 1.2.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#margins-attached-prop">margins</a>。</p>
</div></div><!-- @@@bottomMargin -->
<br/>
<!-- $$$column -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="column-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="column-attached-prop"></a><span class="name">Layout.column</span> : <span class="type"><a href="../qtqml/qml-int.html">int</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>This property allows you to specify the column position of an item in a <a href="qml-qtquick-layouts-gridlayout.html">GridLayout</a>.</p>
<p>If both <a href="qml-qtquick-layouts-layout.html#row-attached-prop">row</a> and this property are not set, it is up to the layout to assign a cell to the item.</p>
<p>The default value is <code>0</code>.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#row-attached-prop">row</a> 和 <a href="qml-qtquick-layouts-layout.html#columnSpan-attached-prop">columnSpan</a>。</p>
</div></div><!-- @@@column -->
<br/>
<!-- $$$columnSpan -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="columnSpan-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="columnSpan-attached-prop"></a><span class="name">Layout.columnSpan</span> : <span class="type"><a href="../qtqml/qml-int.html">int</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>This property allows you to specify the column span of an item in a <a href="qml-qtquick-layouts-gridlayout.html">GridLayout</a>.</p>
<p>The default value is <code>1</code>.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#rowSpan-attached-prop">rowSpan</a> 和 <a href="qml-qtquick-layouts-layout.html#column-attached-prop">column</a>。</p>
</div></div><!-- @@@columnSpan -->
<br/>
<!-- $$$fillHeight -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="fillHeight-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="fillHeight-attached-prop"></a><span class="name">Layout.fillHeight</span> : <span class="type"><a href="../qtqml/qml-bool.html">bool</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>If this property is <code>true</code>, the item will be as tall as possible while respecting the given constraints. If the property is <code>false</code>, the item will have a fixed height set to the preferred height. The default is <code>false</code>, except for layouts themselves, which default to <code>true</code>.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#fillWidth-attached-prop">fillWidth</a>。</p>
</div></div><!-- @@@fillHeight -->
<br/>
<!-- $$$fillWidth -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="fillWidth-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="fillWidth-attached-prop"></a><span class="name">Layout.fillWidth</span> : <span class="type"><a href="../qtqml/qml-bool.html">bool</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>If this property is <code>true</code>, the item will be as wide as possible while respecting the given constraints. If the property is <code>false</code>, the item will have a fixed width set to the preferred width. The default is <code>false</code>, except for layouts themselves, which default to <code>true</code>.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#fillHeight-attached-prop">fillHeight</a>。</p>
</div></div><!-- @@@fillWidth -->
<br/>
<!-- $$$leftMargin -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="leftMargin-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="leftMargin-attached-prop"></a><span class="name">Layout.leftMargin</span> : <span class="type"><a href="../qtqml/qml-real.html">real</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>Specifies the left margin outside of an item. If the value is not set, it will use the value from <a href="qml-qtquick-layouts-layout.html#margins-attached-prop">margins</a>.</p>
<p>This property was introduced in  QtQuick.Layouts 1.2.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#margins-attached-prop">margins</a>。</p>
</div></div><!-- @@@leftMargin -->
<br/>
<!-- $$$margins -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="margins-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="margins-attached-prop"></a><span class="name">Layout.margins</span> : <span class="type"><a href="../qtqml/qml-real.html">real</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>Sets the margins outside of an item to all have the same value. The item itself does not evaluate its own margins. It is the parent's responsibility to decide if it wants to evaluate the margins.</p>
<p>Specifically, margins are only evaluated by <a href="qml-qtquick-layouts-columnlayout.html">ColumnLayout</a>, <a href="qml-qtquick-layouts-rowlayout.html">RowLayout</a>, <a href="qml-qtquick-layouts-gridlayout.html">GridLayout</a>, and other layout-like containers, such as <a href="../qtquickcontrols1/qml-qtquick-controls-splitview.html">SplitView</a>, where the effective cell size of an item will be increased as the margins are increased.</p>
<p>Therefore, if an item with margins is a child of another <code>Item</code>, its position, size and implicit size will remain unchanged.</p>
<p>Combining margins with alignment will align the item <i>including</i> its margins. For instance, a vertically-centered Item with a top margin of <code>1</code> and a bottom margin of <code>9</code> will cause the Items effective alignment within the cell to be 4 pixels above the center.</p>
<p>The default value is <code>0</code>.</p>
<p>This property was introduced in  QtQuick.Layouts 1.2.</p>
<p><b>请参考</b> <a href="qml-qtquick-layouts-layout.html#leftMargin-attached-prop">leftMargin</a>，<a href="qml-qtquick-layouts-layout.html#topMargin-attached-prop">topMargin</a>，<a href="qml-qtquick-layouts-layout.html#rightMargin-attached-prop">rightMargin</a> 和 <a href="qml-qtquick-layouts-layout.html#bottomMargin-attached-prop">bottomMargin</a>。</p>
</div></div><!-- @@@margins -->
<br/>
<!-- $$$maximumHeight -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="maximumHeight-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="maximumHeight-attached-prop"></a><span class="name">Layout.maximumHeight</span> : <span class="type"><a href="../qtqml/qml-real.html">real</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>The default value is the item's implicit maximum height.</p>
<p>If the item is a layout, the implicit maximum height will be the maximum height the layout can have without any of its items growing beyond their maximum height. The implicit maximum height for any other item is <code>Number.POSITIVE_INFINITY</code>.</p>
<p>Setting this value to <code>-1</code> will reset the height back to its implicit maximum height.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#minimumHeight-attached-prop">minimumHeight</a> 和 <a href="qml-qtquick-layouts-layout.html#preferredHeight-attached-prop">preferredHeight</a>。</p>
</div></div><!-- @@@maximumHeight -->
<br/>
<!-- $$$maximumWidth -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="maximumWidth-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="maximumWidth-attached-prop"></a><span class="name">Layout.maximumWidth</span> : <span class="type"><a href="../qtqml/qml-real.html">real</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>This property holds the maximum width of an item in a layout. The default value is the item's implicit maximum width.</p>
<p>If the item is a layout, the implicit maximum width will be the maximum width the layout can have without any of its items growing beyond their maximum width. The implicit maximum width for any other item is <code>Number.POSITIVE_INFINITY</code>.</p>
<p>Setting this value to <code>-1</code> will reset the width back to its implicit maximum width.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#minimumWidth-attached-prop">minimumWidth</a> 和 <a href="qml-qtquick-layouts-layout.html#preferredWidth-attached-prop">preferredWidth</a>。</p>
</div></div><!-- @@@maximumWidth -->
<br/>
<!-- $$$minimumHeight -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="minimumHeight-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="minimumHeight-attached-prop"></a><span class="name">Layout.minimumHeight</span> : <span class="type"><a href="../qtqml/qml-real.html">real</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>This property holds the minimum height of an item in a layout. The default value is the item's implicit minimum height.</p>
<p>If the item is a layout, the implicit minimum height will be the minimum height the layout can have without any of its items shrinking below their minimum height. The implicit minimum height for any other item is <code>0</code>.</p>
<p>Setting this value to -1 will reset the height back to its implicit minimum height.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#preferredHeight-attached-prop">preferredHeight</a> 和 <a href="qml-qtquick-layouts-layout.html#maximumHeight-attached-prop">maximumHeight</a>。</p>
</div></div><!-- @@@minimumHeight -->
<br/>
<!-- $$$minimumWidth -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="minimumWidth-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="minimumWidth-attached-prop"></a><span class="name">Layout.minimumWidth</span> : <span class="type"><a href="../qtqml/qml-real.html">real</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>This property holds the minimum width of an item in a layout. The default value is the item's implicit minimum width.</p>
<p>If the item is a layout, the implicit minimum width will be the minimum width the layout can have without any of its items shrinking below their minimum width. The implicit minimum width for any other item is <code>0</code>.</p>
<p>Setting this value to -1 will reset the width back to its implicit minimum width.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#preferredWidth-attached-prop">preferredWidth</a> 和 <a href="qml-qtquick-layouts-layout.html#maximumWidth-attached-prop">maximumWidth</a>。</p>
</div></div><!-- @@@minimumWidth -->
<br/>
<!-- $$$preferredHeight -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="preferredHeight-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="preferredHeight-attached-prop"></a><span class="name">Layout.preferredHeight</span> : <span class="type"><a href="../qtqml/qml-real.html">real</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>This property holds the preferred height of an item in a layout. If the preferred height is <code>-1</code> it will be ignored, and the layout will use <a href="qml-qtquick-item.html#implicitHeight-prop">implicitHeight</a> instead. The default is <code>-1</code>.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#minimumHeight-attached-prop">minimumHeight</a> 和 <a href="qml-qtquick-layouts-layout.html#maximumHeight-attached-prop">maximumHeight</a>。</p>
</div></div><!-- @@@preferredHeight -->
<br/>
<!-- $$$preferredWidth -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="preferredWidth-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="preferredWidth-attached-prop"></a><span class="name">Layout.preferredWidth</span> : <span class="type"><a href="../qtqml/qml-real.html">real</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>This property holds the preferred width of an item in a layout. If the preferred width is <code>-1</code> it will be ignored, and the layout will use <a href="qml-qtquick-item.html#implicitWidth-prop">implicitWidth</a> instead. The default is <code>-1</code>.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#minimumWidth-attached-prop">minimumWidth</a> 和 <a href="qml-qtquick-layouts-layout.html#maximumWidth-attached-prop">maximumWidth</a>。</p>
</div></div><!-- @@@preferredWidth -->
<br/>
<!-- $$$rightMargin -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="rightMargin-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="rightMargin-attached-prop"></a><span class="name">Layout.rightMargin</span> : <span class="type"><a href="../qtqml/qml-real.html">real</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>Specifies the right margin outside of an item. If the value is not set, it will use the value from <a href="qml-qtquick-layouts-layout.html#margins-attached-prop">margins</a>.</p>
<p>This property was introduced in  QtQuick.Layouts 1.2.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#margins-attached-prop">margins</a>。</p>
</div></div><!-- @@@rightMargin -->
<br/>
<!-- $$$row -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="row-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="row-attached-prop"></a><span class="name">Layout.row</span> : <span class="type"><a href="../qtqml/qml-int.html">int</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>This property allows you to specify the row position of an item in a <a href="qml-qtquick-layouts-gridlayout.html">GridLayout</a>.</p>
<p>If both <a href="qml-qtquick-layouts-layout.html#column-attached-prop">column</a> and this property are not set, it is up to the layout to assign a cell to the item.</p>
<p>The default value is <code>0</code>.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#column-attached-prop">column</a> 和 <a href="qml-qtquick-layouts-layout.html#rowSpan-attached-prop">rowSpan</a>。</p>
</div></div><!-- @@@row -->
<br/>
<!-- $$$rowSpan -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="rowSpan-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="rowSpan-attached-prop"></a><span class="name">Layout.rowSpan</span> : <span class="type"><a href="../qtqml/qml-int.html">int</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>This property allows you to specify the row span of an item in a <a href="qml-qtquick-layouts-gridlayout.html">GridLayout</a>.</p>
<p>The default value is <code>1</code>.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#columnSpan-attached-prop">columnSpan</a> 和 <a href="qml-qtquick-layouts-layout.html#row-attached-prop">row</a>。</p>
</div></div><!-- @@@rowSpan -->
<br/>
<!-- $$$topMargin -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="topMargin-attached-prop">
<td class="tblQmlPropNode"><p>
<a name="topMargin-attached-prop"></a><span class="name">Layout.topMargin</span> : <span class="type"><a href="../qtqml/qml-real.html">real</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>Specifies the top margin outside of an item. If the value is not set, it will use the value from <a href="qml-qtquick-layouts-layout.html#margins-attached-prop">margins</a>.</p>
<p>This property was introduced in  QtQuick.Layouts 1.2.</p>
<p><b>请参考 </b><a href="qml-qtquick-layouts-layout.html#margins-attached-prop">margins</a>。</p>
</div></div><!-- @@@topMargin -->
<br/>
        </div>
       </div>
   </div>
   </div>
</div>
<div class="footer">
   <p>
   <acronym title="Copyright">&copy;</acronym> 2019 The Qt Company Ltd.
   Documentation contributions included herein are the copyrights of
   their respective owners.<br/>    The documentation provided herein is licensed under the terms of the    <a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation    License version 1.3</a> as published by the Free Software Foundation.<br/>    Qt and respective logos are trademarks of The Qt Company Ltd.     in Finland and/or other countries worldwide. All other trademarks are property
   of their respective owners. </p>
</div>
</body>
</html>
